<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="/paginas/template.xhtml">
	<ui:define name="header">
		<br/>
	    <h1><h:outputText value="#{mensaje['label.tituloVerAuto']}" style="color: red" /></h1>
	</ui:define>
	<ui:define name="content">
		<div align="center">
			<br />
		    <h:panelGrid columns="1">
				<h:form id="tipoAuto" prependId="false">
					<p:growl id="messages"/>
					<div align = "center">
						<p:panel id="panel" header="#{mensaje['label.infoAuto']}" style="margin-bottom:10px;">
							<br />
							<div align = "center">
								<h:outputText value="#{mensaje['label.datosAuto']}" style= "color: black" />
							</div>
							<br />
							<div align = "center">
								<h:panelGrid columns="2">
									<h:outputText value="#{mensaje['label.cilindraje']}:" style="color: black" partialSubmit="true"/>
									<h:outputText value="#{administradorBean.automovil.cilindraje}" style="color: red" partialSubmit="true"/>
									
									<h:outputText value="#{mensaje['label.relacionCom']}:" style="color: black"/>
									<h:outputText value="#{administradorBean.automovil.relacionCompresion}" style="color: red"/> 
									
									<h:outputText value="#{mensaje['label.torque']}:" style="color: black"/> 
									<h:outputText value="#{administradorBean.automovil.torqueMaxiomo}" style="color: red"/> 
									
									<h:outputText value="#{mensaje['label.potencial']}:" style="color: black"/>
									<h:outputText value="#{administradorBean.automovil.potenciaMaxima}" style="color: red"/>
									
									<h:outputText value="#{mensaje['label.color']}:" style="color: black"/>
									<h:outputText value="#{administradorBean.automovil.color.color}" style="color: red"/>
									 
									<h:outputText value="#{mensaje['label.marca']}:" style="color: black"/>
									<h:outputText value="#{administradorBean.automovil.marca.nombre}" style="color: red"/>
									
									<h:outputText value="#{mensaje['label.referencia']}:" style="color: black"/>
									<h:outputText value="#{administradorBean.automovil.referencia.nombre}" style="color: red"/>
									
									<h:outputText value="#{mensaje['label.tipoAuto']}:" style="color: black"/>
									<h:outputText value="#{administradorBean.automovil.tipoAutomovil.nombre}" style="color: red"/>
									
									<h:outputText value="#{mensaje['label.modelo']}:" style="color: black"/>
									<h:outputText value="#{administradorBean.automovil.modelo.anio}" style="color: red"/>
									
									<h:outputText value="#{mensaje['label.accesorios']}:" style="color: black"/>
									<h:selectOneMenu id="accesorio" value="#{clienteBean.accesorio}" >
										<f:selectItems value="#{clienteBean.accesorios}" />
									</h:selectOneMenu>
									
								</h:panelGrid>
								<br/><h:outputText value="#{mensaje['label.datosSisElec']}" style= "color: blue" /><br/>
								<h:panelGrid columns="2">
									<h:outputText value="#{mensaje['label.bateria']}:" style="color: black" partialSubmit="true"/>
									<h:outputText value="#{administradorBean.automovil.sistemaElectrico.bateria}" style="color: red"/>
																		
									<h:outputText value="#{mensaje['label.medidores']}:" style="color: black"/> 
									<h:outputText value="#{administradorBean.automovil.sistemaElectrico.medidores}" style="color: red"/>
								</h:panelGrid>
								<br/><h:outputText value="#{mensaje['label.datosMotor']}" style= "color: blue" /><br/>
								<h:panelGrid columns="2">
									<h:outputText value="#{mensaje['label.rendimiento']}:" style="color: black" partialSubmit="true"/>
									<h:outputText value="#{administradorBean.automovil.motor.rendimiento}" style="color: red"/>
									
									<h:outputText value="#{mensaje['label.tipoValvula']}:" style="color: black"/> 
									<h:outputText value="#{administradorBean.automovil.motor.tipoValvula}" style="color: red"/>
									
									<h:outputText value="#{mensaje['label.velGiro']}:" style="color: black"/> 
									<h:outputText value="#{administradorBean.automovil.motor.velocidadDeGiro}" style="color: red"/>
								</h:panelGrid>
								<br/><h:outputText value="#{mensaje['label.datosChasis']}" style= "color: blue" /><br/>
								<h:panelGrid columns="2">
									<h:outputText value="#{mensaje['label.material']}:" style="color: black" partialSubmit="true"/>
									<h:outputText value="#{administradorBean.automovil.chasis.material}" style="color: red"/>
									
									<h:outputText value="#{mensaje['label.suspencion']}:" style="color: black"/> 
									<h:outputText value="#{administradorBean.automovil.chasis.suspencion}" style="color: red"/>
									
									<h:outputText value="#{mensaje['label.direccion']}:" style="color: black"/> 
									<h:outputText value="#{administradorBean.automovil.chasis.direccion}" style="color: red"/>
									
									<h:outputText value="#{mensaje['label.frenos']}:" style="color: black"/> 
									<h:outputText value="#{administradorBean.automovil.chasis.frenos}" style="color: red"/>
									
									<h:outputText value="#{mensaje['label.rines']}:" style="color: black"/> 
									<h:outputText value="#{administradorBean.automovil.chasis.rines}" style="color: red"/>
									
									<h:outputText value="#{mensaje['label.color']}:" style="color: black"/>
									<h:outputText value="#{administradorBean.automovil.chasis.color}" style="color: red"/>
								</h:panelGrid>
							</div>
						</p:panel>
					</div>
				</h:form>
			</h:panelGrid>
		</div>
		<h:form>
			<br/>
				<div align="center">
					<h:commandButton value="#{mensaje['button.volver']}" action="/paginas/inicio/inicioCliente.xhtml" style="margin-right:40px;" />
				</div>
			<br/>
		</h:form>
	</ui:define>
	<ui:define name="footer">
	</ui:define>
</ui:composition>
</html>